<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../lib/layui-v2.6.8/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="../lib/cropper/cropper.css" />
		<link rel="stylesheet" type="text/css" href="../css/art_pub.css" />
	</head>
	<body>
		<!-- 卡片区域 -->
		<div class="layui-card">
			<div class="layui-card-header">写文章</div>
			<div class="layui-card-body">
				<form class="layui-form" id="form-pub">
					<div class="layui-form-item">
						<label class="layui-form-label">文章标题</label>
						<div class="layui-input-block">
							<input type="text" name="title" required lay-verify="required" placeholder="请输入标题"
								autocomplete="off" class="layui-input">
						</div>
						<div class="layui-form-item">
							<label class="layui-form-label">文章类别</label>
							<div class="layui-input-block">
								<select name="cate_id" lay-verify="required">

								</select>

							</div>
						</div>
						<!-- 第三行 -->
						<div class="layui-form-item">
							<!-- 左侧的 label -->
							<label class="layui-form-label">文章内容</label>
							<!-- 为富文本编辑器外部的容器设置高度 -->
							<div class="layui-input-block" style="height: 400px;">
								<!-- 重要：将来这个 textarea 会被初始化为富文本编辑器 -->
								<textarea name="content"></textarea>
							</div>
						</div>
						<!-- 第四行 -->
						<div class="layui-form-item">
							<!-- 左侧的 label -->
							<label class="layui-form-label">文章封面</label>
							<!-- 选择封面区域 -->
							<div class="layui-input-block cover-box">
								<!-- 左侧裁剪区域 -->
								<div class="cover-left">
									<img src="../images/sample2.jpg" id="image">
								</div>
								<!-- 右侧预览区域和选择封面区域 -->
								<div class="cover-right">
									<!-- 预览的区域 -->
									<div class="img-preview"></div>
									<!-- 选择封面按钮 -->
									<button type="button" class="layui-btn layui-btn-danger" id="btnChooseImage">选择封面</button>
								</div>
							</div>
						</div>
						<!-- 第五行 -->
						<div class="layui-form-item">
							<div class="layui-input-block">
								<button class="layui-btn" lay-submit>发布</button>
								<button class="layui-btn layui-btn-primary" lay-submit id="btnSave2">存为草稿</button>
								<!-- 隐藏的文件选择框 -->
								<input type="file" id="coverFile" value="" style="display: none;" accept="image/png,image/jpeg,image/gif"/>
							</div>
						</div>
				</form>
			</div>
		</div>
		<!-- 分类的模板 -->
		<script type="text/html" id="tpl-cate">
			<option value="">请选择文章类别</option>
			{{each data}}
			<option value="{{$value.Id}}">{{$value.name}}</option>
			{{/each}}
		</script>
		<script src="../lib/layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/jQuery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/API.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/tinymce/tinymce.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/tinymce/tinymce_setup.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/cropper/Cropper.js" type="text/javascript" charset="utf-8"></script>
		<script src="../lib/cropper/jquery-cropper.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/art_pub.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
